﻿body {
    font-size: 12px;
    /*font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;*/
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    color: #232323;
    /*background-color: rgba(90, 196, 235, 0.74);*/
    width: 985px;
    margin: 0 auto;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

/*.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}*/

.validation-summary-valid {
    display: none;
}

.banner-logo img {
    width: 100%;
    height: 100px;
}

.nav {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
}

    .nav ul {
        text-align: center;
        float: left;
        padding: 3px 0px;
        width: 100%;
        margin: auto;
    }

        .nav ul li {
            list-style: none;
            float: left;
            padding: 5px 12px;
            background: #47ca1a;
            margin: 5px 5px;
            font-size: 0.9em;
            /*text-transform: uppercase;*/
            -webkit-transition: background .3s ease, color 0.2s linear;
            -moz-transition: background .3s ease, color 0.2s linear;
            -o-transition: background .3s ease, color 0.2s linear;
            transition: background .3s ease, color 0.2s linear;
            -webkit-border-radius: 14px;
            -moz-border-radius: 14px;
            border-radius: 14px;
        }

            .nav ul li:hover, .nav ul li:focus {
                text-shadow: 3px 3px 10px rgba(0,0,0,.5);
            }

            .nav ul li a {
                padding: 5px 15px;
                font-weight: bold;
                font-size: 1.3em;
                text-decoration: none;
                color: rgba(255, 255, 255, 1);
            }

.clear {
    clear: both;
}

.short-menu {
    float: right;
    display: inline;
    vertical-align: bottom;
    padding: 20px 5px 5px 5px;
}

    .short-menu .head-menu {
        border-right: solid 1px;
        padding: 0 10px 0 0;
    }

    .short-menu .usr-panel {
        float: left;
        /*margin: 0 15px 0 0px;*/
        padding: 0 15px 0 10px;
        border-right: solid 1px;
    }

        .short-menu .usr-panel a {
        }

    .short-menu .search-form {
        float: left;
        /*padding: 0px 0 0 15px;*/
        /*border-left: solid 1px;*/
        padding: 0 0 0 10px;
    }

        .short-menu .search-form input[type="text"] {
            /*display:block;*/
            vertical-align: top;
            width:200px;
        }

        .short-menu .search-form input[type="image"] {
            max-height: 16px;
            max-width:16px;
        }

.foo {
    margin-top: 20px;
    padding: 5px 0px;
    border-top: solid 1px #232323;
    float: left;
    display: inline;
    width: 100%;
}

    .foo .left {
        float: left;
    }

    .foo .right {
        float: right;
    }

.follow {
    float: left;
    display: inline;
}

#footer-logos {
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px;
}

    #footer-logos li {
        display: inline;
    }

    #footer-logos a img {
        opacity: 0.5;
    }

    #footer-logos a:hover img, #footer-logos a:focus img {
        opacity: 1;
    }

.foo-menu, .head-menu, .usr-panel {
    float: left;
    display: inline;
    padding: 0 0 5px 0;
    vertical-align: middle;
}

#footer-menu, #header-menu, #usr-panel {
    font-size: .85em;
    float: left;
    list-style: none;
    display: inline;
    padding: 0px 0px;
    margin: 0 0;
}

    #footer-menu li, #header-menu li, #usr-panel li {
        float: left;
        margin: 2px 3px;
    }

    #footer-menu a, #header-menu a, #usr-panel a {
        text-decoration: none;
    }

        #footer-menu a:hover, #footer-menu a:focus, #header-menu a:hover, #header-menu a:focus, #usr-panel a:focus, #usr-panel a:hover {
            text-decoration: underline;
        }

.copyright {
    float: right;
    display: inline;
}

.main-content {
    margin: auto;
    padding: 20px 0;
    background: #fff;
}

.head {
    display: inline;
}

    .head #logo {
        padding-left:40px;
        float: left;
        position: relative;
        text-align: left;
    }
